<!-- slider css -->
<style>
	
	#slider .rsOverflow, #slider .rsABlock, #slider .rsSlide {overflow:visible !important;}
	
	#slider .rsTabs { width:925px; padding:0 38px; margin-top:-30px}
	#slider .rsTab {display:block; width:211px; padding:0; margin:0 10px; height:90px; float:left; background:url(<?php echo Util::caminho_projeto(); ?>/images/btn_slider.png) center center no-repeat; border:none;}
	#slider .rsTab.rsNavSelected {background:url(<?php echo Util::caminho_projeto(); ?>/images/btn_slider_hover.png) center center no-repeat; text-shadow:none; box-shadow:none;}
	#slider .rsTab:active {box-shadow:none;}
	#slider .rsTab .rsTmb{color:#515e94; font-family: 'cabinbold', sans-serif; font-size:18px; vertical-align:middle; display:table-cell; text-align:center; height:70px; width:200px;}
	
	
	
	.rsContent {color: #FFF; font-size: 24px; line-height: 32px; float: left; }
	.bContainer { position: relative; }
	.rsABlock { position: relative; display: block; left: auto; top: auto; }
	
	.blockHeadline { font-size: 42px; line-height: 50px; }
	.blockSubHeadline { font-size: 32px; line-height: 40px }
	.txtCent { text-align: center;  width: 100%; }
	
	
	@media screen and (min-width: 0px) and (max-width: 960px) { 
	  .rsContent { font-size: 22px; line-height: 28px; }
	  .blockHeadline { font-size: 32px; line-height: 32px;}
	  .blockSubHeadline { font-size: 26px; line-height: 32px }
	}
	
	@media screen and (min-width: 0px) and (max-width: 500px) { 
	  .royalSlider, .rsOverflow { height: 330px !important; }
	  .rsContent { font-size: 18px; line-height: 26px; }
	  .blockHeadline { font-size: 24px; line-height: 32px; }
	  .blockSubHeadline { font-size: 22px; line-height: 32px }
	}
</style>


<!-- slider code start -->
<div id="content_slider">
	<div id="slider" class="royalSlider rsMinW">
		
		
		<div class="rsContent">
		
			<img style="margin:-169px -425px 0px 0px;" class="rsABlock" data-move-effect="right" src="<?php echo Util::caminho_projeto(); ?>/images/bg_slide01.png" alt="CONHEÇA A DISKLIMPEZA" width="970" height="519" />
			
			<div class="bContainer">
				<h1 class="rsABlock" data-move-effect="top">CONHEÇA A DISKLIMPEZA</h1>
				<ul>
					<li class="rsABlock" data-move-effect="left" data-delay="500" data-move-offset="50" data-fade-effect="true">TERCERIZAÇÃO DE MÃO DE OBRA</li>
					<li class="rsABlock" data-move-effect="left" data-delay="1000" data-move-offset="50" data-fade-effect="true">ADMINISTRAÇÃO DE CONDOMÍNIOS</li>
					<li class="rsABlock" data-move-effect="left" data-delay="1500" data-move-offset="50" data-fade-effect="true">JARDINAGEM</li>
					<li class="rsABlock" data-move-effect="left" data-delay="2000" data-move-offset="50" data-fade-effect="true">DEDETIZAÇÃO</li>
					<li class="rsABlock" data-move-effect="left" data-delay="2500" data-move-offset="50" data-fade-effect="true">LIMPESA EM GERAL</li>
				</ul>
				
				<a class="saiba_mais rsABlock" data-move-effect="left" data-delay="3000" data-move-offset="50" href="<?php echo Util::caminho_projeto(); ?>/disklimpeza" title="Saiba Mais">Saiba Mais</a>
			</div>
			<span class="rsTmb">Disklimpeza</span>
		</div>
		
		
		
		<div class="rsContent">
		
			<img style="margin:-169px -310px 0px 0px;" class="rsABlock" data-move-effect="right" src="<?php echo Util::caminho_projeto(); ?>/images/bg_slide02.png" alt="TERCERIZAÇÃO DE MÃO DE OBRA" width="884" height="519" />
			
			<div class="bContainer">
				<h2 class="rsABlock" data-move-effect="top">TERCERIZAÇÃO DE MÃO DE OBRA</h2>
				<p class="rsABlock" data-move-effect="bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,when an unknown printer took a galley of type and scrambled it to make a typ</p>
				
				<a class="saiba_mais rsABlock" data-move-effect="left" data-delay="1200" data-move-offset="50" href="<?php echo Util::caminho_projeto(); ?>/disklimpeza" title="Saiba Mais">Saiba Mais</a>
			</div>
			<span class="rsTmb">Tercerização de mão <br />de obra</span>
		</div>
		
		
		
		<div class="rsContent">
		
			<img style="margin:-169px -295px 0px 0px;" class="rsABlock" data-move-effect="right" src="<?php echo Util::caminho_projeto(); ?>/images/bg_slide03.png" alt="ADMINISTRAÇÃO DE CONDOMÍNIOS" width="859" height="519" />
			
			<div class="bContainer">
				<h2 class="rsABlock" data-move-effect="top">ADMINISTRAÇÃO DE CONDOMÍNIOS</h2>
				<p class="rsABlock" data-move-effect="bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,when an unknown printer took a galley of type and scrambled it to make a typ</p>
				
				<a class="saiba_mais rsABlock" data-move-effect="left" data-delay="1200" data-move-offset="50" href="<?php echo Util::caminho_projeto(); ?>/disklimpeza" title="Saiba Mais">Saiba Mais</a>
			</div>
			<span class="rsTmb">Administração de Condomínios</span>
		</div>
		
		
		
		
		<div class="rsContent">
		
			<img style="margin:-169px -250px 0px 0px;" class="rsABlock" data-move-effect="right" src="<?php echo Util::caminho_projeto(); ?>/images/bg_slide04.png" alt="PROMOÇÃO DE PRODUTOS DE LIMPEZA" width="859" height="519" />
			
			<div class="bContainer">
				<h2 class="rsABlock" data-move-effect="top">PROMOÇÃO DE PRODUTOS DE LIMPEZA</h2>
				<p class="rsABlock" data-move-effect="bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,when an unknown printer took a galley of type and scrambled it to make a typ</p>
				
				<a class="saiba_mais rsABlock" data-move-effect="left" data-delay="1200" data-move-offset="50" href="<?php echo Util::caminho_projeto(); ?>/disklimpeza" title="Saiba Mais">Saiba Mais</a>
			</div>
			<span class="rsTmb">Promoção de produtos <br />de limpeza</span>
		</div>
		
		
	</div>
</div>


<script id="addJS">
jQuery(document).ready(function($) {
	$('#slider').royalSlider({
		arrowsNav: false,
		arrowsNavAutoHide: false,
		fadeinLoadedSlide: false,
		controlNavigationSpacing: 0,
		controlNavigation: 'tabs',
		imageScaleMode: 'none',
		imageAlignCenter:false,
		blockLoop: true,
		loop: true,
		numImagesToPreload: 6,
		transitionType: 'fade',
		keyboardNavEnabled: true,
		//transitionSpeed:4000,
		autoPlay: {
    		// autoplay options go gere
    		enabled: true,
    		//pauseOnHover: true,
			delay: 4000
    	},
		block:
		{
			delay: 400
		}
	});
});
</script>
